<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Restaurant Home Page</title>
        <meta name="description" content="Handbag" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <link rel="stylesheet" href="css/layout.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_container.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_news.css" type="text/css"/>

        <!-- HOT LINE -->
        <link rel="stylesheet" href="../../widget/hotline/0/hotline_0.css" type="text/css"/>
        <!-- LOGO -->
        <link rel="stylesheet" href="../../widget/logo/3/logo_3.css" type="text/css" />
        <!-- SEARCH -->
        <link rel="stylesheet" href="../../widget/search_bar/3/search_bar_3.css" type="text/css" />
        <!-- HMENU -->
        <link rel="stylesheet" href="../../widget/hmenu/4/hmenu_4.css" type="text/css" />
        <!-- BREADCRUMBS -->
        <link rel="stylesheet" href="../../widget/breadcrumbs/1/breadcrumbs_1.css" type="text/css" />

        <!-- HTML BLOCK 1 -->
        <link rel="stylesheet" href="../../widget/html_block/1/html_1.css" type="text/css" />

        <!-- TEXT LIST 1 -->
        <link rel="stylesheet" href="../../widget/text_list/1/text_list_1.css" type="text/css" />

        <!-- Social 8 -->
        <link rel="stylesheet" href="../../widget/social_network/8/social_8.css" type="text/css" />
        <!-- HTML BLOCK 8 -->
        <link rel="stylesheet" href="../../widget/html_block/8/html_8.css" type="text/css" />
        <!-- HTML BLOCK 9 -->
        <link rel="stylesheet" href="../../widget/html_block/9/html_9.css" type="text/css" />
        <!-- HTML BLOCK 2 -->
        <link rel="stylesheet" href="../../widget/html_block/2/html_2.css" type="text/css" />
        <!-- NEWS LIST 10 -->
        <link rel="stylesheet" href="../../widget/news_list/10/news_list_10.css" type="text/css" />
        <!-- NEWS FILTER 11 -->
        <link rel="stylesheet" href="../../widget/news_filter/11/news_filter_11.css" type="text/css" />
        <!-- VMENU 1 -->
        <link rel="stylesheet" href="../../widget/vmenu/1/vmenu_1.css" type="text/css" />  
        <!-- VMENU 2 -->
        <link rel="stylesheet" href="../../widget/vmenu/2/vmenu_2.css" type="text/css" />
    </head>



    <body>
        <div id="wrapper">	
            <div id="wrapper_top">
                <div id="wrapper_header_1">
                    <div id="hook_header" class="hook">
                        <!-- hook header : widget : hotline, logo, search bar -->

                        <!-- HOTLINE WIDGET -->

                        <div id="hotline_wi" class="hotline_0">
                            <img src="images/hotline_logo.png" alt="hotline_logo" class="hl_align_left"/>
                            <div class="hl_infor">
                                <div class="hl_content">
                                    Call us for reservation
                                </div><!-- End .hl_conent -->
                                <div class="hl_phone_number">
                                    (84)851236536
                                </div><!-- End .hl_phone_number -->
                            </div><!-- End .hl_infor -->
                        </div><!-- End .hotline_0 -->
                        <!-- End HOTLINE WIDGET -->

                        <!-- LOGO WIDGET -->
                        <div id="logo_wi" class="logo_3">

                            <div class="logo_content_wrapper">
                                <div class="logo_content">
                                    <h1 class="company_name">Tiara</h1>
                                    <h3 class="company_description">Restaurant</h3>
                                </div><!-- End .logo_content -->
                            </div><!-- End .logo_content_wrapper -->
                        </div>
                        <!-- End LOGO WIDGET -->

                        <!-- SEARCH BAR WIDGET -->
                        <div id="search_bar_wi" class="search_bar_3">
                            <form class="searchForm" method="post" action="#">
                                <div class="search_bar_wrapper">
                                    <input class="search_text" type="text" name="txtsearch" value="Search keyword here"/>
                                    <input class="search_submit" type="submit" name="btnsearch" value=">"/>
                                </div><!-- End #search_bar_wrapper -->
                            </form>
                        </div><!-- End .search_bar_3 -->
                        <!-- End SEARCH BAR WIDGET -->
                        <style>


                        </style>
                        <!-- HMENU WIDGET -->
                        <div id="hemnu_wi" class="hemnu_4">
                            <div class="hmenu_wrapper">
                                <div class="hemnu_bullet_left"></div>
                                <ul class="hmenu_items">
                                    <li><a href="home.html">Home</a></li>
                                    <li><a href="introduction.html">About us</a></li>
                                    <li><a href="#">Gallery</a></li>
                                    <li><a href="#">Contact</a></li>
                                    <li><a href="#">Blog</a></li>
                                    <li class="last_item current"><a href="news.html">News</a></li>
                                </ul>
                                <div class="hemnu_bullet_right"></div>
                            </div><!--End hmenu_wrapper-->
                        </div>
                        <!-- End HEMNU WIDGET -->

                    </div><!-- End hook_header -->
                </div><!-- End #wrapper_header_1 -->
            </div>
            <!-- End wrapper_top -->

            <!--- Wrapper MAIN --->

            <div id="wrapper_main">
                <div id="hook_breadcrumbs" class="hook">
                    <div id="wrapper_breadcrumbs">
                        <ul>
                            <li>
                                <a href="#">Trang chủ</a>
                            </li>

                            <li class="current">
                                <a href="#">News</a>
                            </li>
                        </ul>
                    </div><!-- #wrapper_breadcrumbs -->
                </div>

                <div id="wrapper_news">

                    <div id="wrapper_page_heading">
                        <div id="hook_page_heading" class="hook">

                            <div id="html_heading_wi" class="html_block_2">
                                <h1 class="title">News</h1>
                            </div>
                        </div>
                        <!-- End #hook_page_heading -->
                    </div><!-- End #wrapper_page_heading -->

                    <div id="wrapper_news_1">
                        <div id="hook_news_1" class="hook">

                            <div id="news_list_10" class="news_list_10">

                                <ul class="news_list">
                                    <li>
                                        <h1 class="news_title">Fusce euismod consequat ante. Lorem ipsum dolor sit amet.</h1>
                                        <div class="post_infor">
                                            by <span class="user_post"> Admin</span> on <span class="date_post"> 13/4/2012</span> with <span class="comment_count"> 0 comment </span>
                                        </div>
                                        <div class="wrapper_news_content">
                                            <img src="images/news_1.png" alt="#"/>
                                            <div class="news_content">
                                                <p>
                                                    Praesent vestibulum molestie lacus aenean nonummy mauris. Phasellus porta. Fusce suscipit varius.
                                                    Fusce euismod consequat ante. Lorem ipsum dolor sit amet, Fusce euismod consequat ante. Lorem ipsum dolor sit amet Fusce euismod consequat ante. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                                </p>
                                                <div class="read_more">
                                                    <a href="#">Read more</a>
                                                </div>
                                            </div><!-- End .news_content -->
                                            <div class="clear"></div>

                                        </div>
                                        <!-- End .wrapper_news_content -->
                                    </li>

                                    <li>
                                        <h1 class="news_title">Fusce euismod consequat ante. Lorem ipsum dolor sit amet.</h1>
                                        <div class="post_infor">
                                            by <span class="user_post"> Admin</span> on <span class="date_post"> 13/4/2012</span> with <span class="comment_count"> 0 comment </span>
                                        </div>
                                        <div class="wrapper_news_content">
                                            <img src="images/news_1.png" alt="#"/>
                                            <div class="news_content">
                                                <p>
                                                    Praesent vestibulum molestie lacus aenean nonummy mauris. Phasellus porta. Fusce suscipit varius.
                                                    Fusce euismod consequat ante. Lorem ipsum dolor sit amet, Fusce euismod consequat ante. Lorem ipsum dolor sit amet Fusce euismod consequat ante. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                                </p>
                                                <div class="read_more">
                                                    <a href="#">Read more</a>
                                                </div>
                                            </div><!-- End .news_content -->
                                            <div class="clear"></div>

                                        </div>
                                        <!-- End .wrapper_news_content -->
                                    </li>

                                    <li>
                                        <h1 class="news_title">Fusce euismod consequat ante. Lorem ipsum dolor sit amet.</h1>
                                        <div class="post_infor">
                                            by <span class="user_post"> Admin</span> on <span class="date_post"> 13/4/2012</span> with <span class="comment_count"> 0 comment </span>
                                        </div>
                                        <div class="wrapper_news_content">
                                            <img src="images/news_1.png" alt="#"/>
                                            <div class="news_content">
                                                <p>
                                                    Praesent vestibulum molestie lacus aenean nonummy mauris. Phasellus porta. Fusce suscipit varius.
                                                    Fusce euismod consequat ante. Lorem ipsum dolor sit amet, Fusce euismod consequat ante. Lorem ipsum dolor sit amet Fusce euismod consequat ante. Lorem ipsum dolor sit amet consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                                </p>
                                                <div class="read_more">
                                                    <a href="#">Read more</a>
                                                </div>
                                            </div><!-- End .news_content -->
                                            <div class="clear"></div>

                                        </div>
                                        <!-- End .wrapper_news_content -->
                                    </li>

                                </ul><!-- End .news_list -->

                                <div class="wrapper_pagination">

                                    <ul>
                                        <li><a href="#" class="current">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">&raquo;</a></li>

                                    </ul>
                                </div><!-- End .wrapper_pagination -->
                            </div><!-- End .news_list_10 -->
                        </div>
                        <!-- End #hook_news_1 -->

                    </div>
                    <!-- End #wrapper_news_1 -->

                    <div id="wrapper_news_2">
                        <div id="hook_news_sidebar_1" class="hook">
                            <div id="news_filter_11" class="news_filter_11">

                                <h1>Recent posts</h1>
                                <ul>
                                    <li><a href="#">Fusce euismod consequat ante.</a></li>
                                    <li><a href="#">Fusce euismod consequat ante.</a></li>
                                    <li><a href="#">Fusce euismod consequat ante.</a></li>
                                    <li><a href="#">Fusce euismod consequat ante.</a></li>
                                    <li class="active"><a href="#">Fusce euismod consequat ante.</a></li>
                                    <li><a href="#">Fusce euismod consequat ante.</a></li>
                                </ul>
                            </div><!-- End #news_filter_11 -->
                        </div>
                        <!-- End #hook_news_sidebar_1 -->

                        <div id="hook_news_sidebar_2">

                            <div id="vmenu_1" class="vmenu_1">
                                <h1>Categories</h1>
                                <ul>
                                    <li><a href="#"><span>soups</span></a></li>
                                    <li><a href="#"><span>salads</span></a></li>
                                    <li><a href="#"><span>drinks</span></a></li>
                                    <li class="last_item"><a href="#"  class="active"><span>desserts</span></a></li>
                                </ul>
                            </div><!-- End #vmenu_1 -->
                        </div>
                        <!-- End #hook_news_sidebar_2 -->

                        <div id="hook_news_sidebar_3">

                            <div id="vmenu_2" class="vmenu_2">
                                <h1>Archives</h1>
                                <ul>
                                    <li class="active"><a href="#"><span>March 2012</span></a></li>
                                    <li><a href="#"><span>February 2012</span></a></li>
                                    <li><a href="#"><span>January 2012</span></a></li>
                                    <li><a href="#"><span>December 2011</span></a></li>
                                </ul>
                            </div><!-- End #vmenu_2 -->
                        </div>
                        <!-- End #hook_news_sidebar_3 -->

                    </div>
                    <!-- End #wrapper_news_2 -->
                    <div class="clear"></div>

                </div><!-- End #wrapper_news -->
            </div>

            <div id="wrapper_footer">
                <div id="wrapper_footer_section_1">

                    <div id="hook_footer_section_1" class="hook">

                        <div id="html_8" class="html_8">
                            <h1>
                                Tiara
                            </h1>
                            <h3>Restaurant</h3>
                        </div><!-- End .html_8 -->


                        <div id="html_9" class="html_9">

                            <h1>Contact info</h1>
                            <div class="address">8901 Marmora Road, Glasgow, D04 89GR.</div>
                            <ul>
                                <li>Freephone: <span>+1 800 559 6580</span></li>
                                <li>Telephone: <span>+1 800 603 6035</span></li>
                                <li>FAX: <span>+1 800 889 9898</span></li>
                                <li>E-mail: </span>mail@demolink.org</span></li>
                            </ul>


                        </div>
                        <!-- End .html_9 -->

                        <div id="social_8" class="social_8">

                            <h1>Keep in touch</h1>   
                            <ul>
                                <li>
                                    <img src="images/facebook.png" alt="facebook" /> 
                                    <a href="#">Facebook</a>
                                    <div style="clear: both;"></div>
                                </li>

                                <li class="right">
                                    <img src="images/google_plus.png" alt="google_plus" /> 
                                    <a href="#">Google Plus</a>
                                    <div style="clear: both;"></div>
                                </li>

                                <li>
                                    <img src="images/twitter.png" alt="twitter" /> 
                                    <a href="#">Twitter</a>
                                    <div style="clear: both;"></div>
                                </li>

                                <li class="right">
                                    <img src="images/rss.png" alt="rss" /> 
                                    <a href="#">RSS</a>
                                    <div style="clear: both;"></div>
                                </li>

                            </ul>

                        </div>
                        <!-- End .social_8 -->
                    </div>
                    <!-- End #hook_footer_section_1 -->

                </div><!-- End #wrapper_footer_section_1 -->
                <div id="wrapper_footer_section_1_foot"></div>

                <style>
                    #wrapper_footer_section_2 {
                        width: 940px;
                        margin: 0px auto;
                    }
                    #wrapper_footer_section_2 #hook_copyright {
                        height: 30px;
                    }

                    .html_10 {
                        position: absolute;
                        left:0px;
                        top: 0px;
                    }

                    .html_10 p {
                        font-family: Arial, sans-serif;
                        font-size: 11px;
                        color: #5d5d5e;
                    }
                </style>
                <div id="wrapper_footer_section_2">
                    <div id="hook_copyright" class="hook">
                        <div id="html_10" class="html_10">
                            <p>©2012 POWERED BY TIARA™. ALL RIGHT RESERVED.</p>
                        </div>

                    </div>
                </div><!-- End #wrapper_footer_section_2 -->
            </div><!-- End #wrapper_footer -->


        </div><!--END wrapper-->
    </body>
</html>